<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title> css样式表</title>
		<style type="text/css">
			
			td{
				background-color: aqua;
				font-family: "新宋体";
			}
			.myStyle{
				width: 120px;
				height: 30px;
			}
			.tdStyle{
				background-color: red;
				font-family: "宋体";
			}
				#tdSex{
				background-color: bisque;
				font-family: "微软雅黑";
			}
				td div select{
				/*所有的包涵在 td 标签中的 select标签的样式*/
				width: 150px;
			}
			#tdSex p{
				font-family: "楷体";
				color: aqua;
			}
		</style>
	</head>
	<body>
		<!--
        form表单是客户端浏览器向服务器进行信息提交的标签
        写在form表单的标签的值才会提交给服务器
       method ---使用哪种方式进行数据从客户端发送到服务器
       get===
       post==将客户端数据信息以数据包的形式发送到服务器端
        -->
		<form action=""  method="post">
			<table border="1px" width="600"cellspacing="0"cellpadding="1"bordercolor="blue">
				<tr>
					<td>姓名</td><td><input class="myStyle" disabled="disabled"  type="text" id="raName" name="raName"/> </td>
				</tr>
				
					<tr>
			<td id="tdSex">性别</td>
			<td> <input type="radio" id="chSex"  name="chSex"/>男
			<input type="radio" id="chSex"  name="chSex"/>女
			</td>		
				</tr>
			
				<tr>
			<td>登录密码</td>
			<td class="tdStyle"> <input type="password"></td>		
				</tr>
				<tr>
					<td>个人简历</td>
					<td> <input type="file" id="fileResume" name="fileResume"/>
					</td>
				</tr>
				<tr>
					<td>兴趣爱好</td>
					<td> <input type="checkbox"id="chHobby1" name="chHobby"/> 游泳
					<input type="checkbox"id="chHobby2" name="chHobby"/> 爬山
					<input type="checkbox"id="chHobby3" name="chHobby"/> 网球
					<input type="checkbox"id="chHobby4" name="chHobby"/> lol
					
					<input type="checkbox"id="chHobby5" name="chHobby"/> hiking
					</td>
				</tr>
			
			<tr>
				<td> <input type="submit" value="提交" id="btnSubmit" name="btnSubmit"/></td>
				
				<td> <input type="reset" value="重置" id="btnReset" name="btnReset"/></td>
			</tr>
			
			<tr><td align="center">学历</td>
			<td><div><select id="selectXL" name="selectXL" style="height: 30px;">	
				
		<option value="BK"> 本科</option>
				<option value="DZ"selected> 大专</option>
						<option value="BS"> 博士</option>
				</select>
				</div>
			</td>
			</tr>
			<tr><td> 自我介绍</td>
				<td>  <textarea id="txtIntroduce" name="txtIntroduce" style="width: 200px"></textarea></td>
			</tr>
			
			
			</table>
		</form>
	</body>
</html>
